<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <title>Document</title>
  <link rel="stylesheet" type="text/css" href="res/layui/css/layui.css">
  <link rel="stylesheet" type="text/css" href="res/css/main.css">
<!--加载meta IE兼容文件-->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
</head>
<body>
  <div class="header">
    <div class="menu-btn">
      <div class="menu"></div>
    </div>
    <h1 class="logo">
      <a href="index.html">
        <span>MYBLOG</span>
        <img src="res/img/logo/logo.png">
      </a>
    </h1>
    <div class="nav">
      <a href="html/index.html" class="active">文章</a>
      <a href="http://sotated.com/">千视TED</a>
      <a href="https://github.com/sotaDetector">GITHUB</a>
<!--      <a href="html/album.html">相册</a>-->
<!--      <a href="html/about.html">关于</a>-->
    </div>
    <ul class="layui-nav header-down-nav">
      <li class="layui-nav-item"><a href="index.html" class="active">文章</a></li>
      <li class="layui-nav-item"><a href="http://sotated.com/">千视</a></li>
      <li class="layui-nav-item"><a href="https://github.com/sotaDetector">GITHUB</a></li>
<!--      <li class="layui-nav-item"><a href="album.html">相册</a></li>-->
<!--      <li class="layui-nav-item"><a href="about.html">关于</a></li>-->
    </ul>

  </div>

  <div class="banner">
    <div class="cont w1000">
      <div class="title">
        <h3>时钟创客</h3>
        <h4>NEVER STOP NEVER GIVE UP </h4>
      </div>
    </div>
  </div>

  <div class="content">
    <div class="cont w1000">
      <div class="title">
        <span class="layui-breadcrumb" lay-separator="|">
          <a href="javascript:;" class="active">创客&nbsp&nbsp&nbsp发明</a>
          <a href="javascript:;">前端文章</a>
          <a href="javascript:;">旅游杂记</a>
        </span>
      </div>
      <div class="list-item">
        <div class="item">
          <div class="layui-fluid">
            <div class="layui-row">
              <div class="layui-col-xs12 layui-col-sm4 layui-col-md5">
                <a href="https://www.bilibili.com/video/BV1Ny4y177Ba"><div class="img" ><img src="res/img/videoCover/BV1Ny4y177Ba.png" alt=""></div></a>
              </div>
              <div class="layui-col-xs12 layui-col-sm8 layui-col-md7">
                <div class="item-cont">
                  <h3>物体跟踪<button class="layui-btn layui-btn-danger new-icon">new</button></h3>
                  <h5>创客&nbsp&nbsp&nbsp发明</h5>
                  <p>使用 SiameseRPN++单目标追踪算法可以跟踪自定义的目标，云台具有两个自由度,可以全方位的跟踪目标</p>
                  <a href="https://www.bilibili.com/video/BV1Ny4y177Ba" class="go-icon"></a>
                </div>
            </div>
            </div>
           </div>
        </div>
        <div class="item">
          <div class="layui-fluid">
            <div class="layui-row">
              <div class="layui-col-xs12 layui-col-sm4 layui-col-md5">
                <a href="https://www.bilibili.com/video/BV1ef4y1t7xd"> <div class="img"><img src="res/img/videoCover/BV1ef4y1t7xd.png" alt=""></div></a>
              </div>
              <div class="layui-col-xs12 layui-col-sm8 layui-col-md7">
                <div class="item-cont">
                  <h3>web端目标检测<button class="layui-btn layui-btn-danger new-icon">new</button></h3>
                  <h5>创客&nbsp&nbsp&nbsp发明</h5>
                  <p>怎么在浏览器上对监控图像进行视觉处理，webrtc和tensorflowJs给了我们答案。srs提供了rtmp转rtc的功能，为我们在浏览器端获取传统直播协议媒体提供了便利</p>
                  <a href="https://www.bilibili.com/video/BV1ef4y1t7xd" class="go-icon"></a>
                </div>
            </div>
            </div>
           </div>
        </div>
        <div class="item">
          <div class="layui-fluid">
            <div class="layui-row">
              <div class="layui-col-xs12 layui-col-sm4 layui-col-md5">
                <a href="https://www.bilibili.com/video/BV1DU4y1G73n"><div class="img" ><img src="res/img/videoCover/BV1DU4y1G73n.png" alt=""></div></a>
              </div>
              <div class="layui-col-xs12 layui-col-sm8 layui-col-md7">
                <div class="item-cont">
                  <h3>狗子监控<button class="layui-btn layui-btn-danger new-icon">new</button></h3>
                  <h5>创客&nbsp&nbsp&nbsp发明</h5>
                  <p>目标检测的不仅仅是要检测出物体的位置，更要对物体的位置做出响应。狗子监控就是检测到有狗类出现在特定位置就会触发相应操作</p>
                  <a href="https://www.bilibili.com/video/BV1ef4y1t7xd" class="go-icon"></a>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="item">
          <div class="layui-fluid">
            <div class="layui-row">
              <div class="layui-col-xs12 layui-col-sm4 layui-col-md5">
                <a href="https://www.bilibili.com/video/BV11f4y187Hv"><div class="img" ><img src="res/img/videoCover/BV11f4y187Hv.png" alt=""></div></a>
              </div>
              <div class="layui-col-xs12 layui-col-sm8 layui-col-md7">
                <div class="item-cont">
                  <h3>跌倒检测<button class="layui-btn layui-btn-danger new-icon">new</button></h3>
                  <h5>创客&nbsp&nbsp&nbsp发明</h5>
                  <p>随着老龄化社会的到来，老年人越来越多。老年人的安全也备受关注。跌倒检测就是检测人是否跌倒而研发的装置</p>
                  <a href="https://www.bilibili.com/video/BV11f4y187Hv" class="go-icon"></a>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="item">
          <div class="layui-fluid">
            <div class="layui-row">
              <div class="layui-col-xs12 layui-col-sm4 layui-col-md5">
                <a href="https://www.bilibili.com/video/BV1R44y1B7qZ"><div class="img" ><img src="res/img/videoCover/BV1R44y1B7qZ.png" alt=""></div></a>
              </div>
              <div class="layui-col-xs12 layui-col-sm8 layui-col-md7">
                <div class="item-cont">
                  <h3>水果识别<button class="layui-btn layui-btn-danger new-icon">new</button></h3>
                  <h5>创客&nbsp&nbsp&nbsp发明</h5>
                  <p>该程序可以识别出水果的种类并以3D的形式呈现在屏幕上</p>
                  <a href="https://www.bilibili.com/video/BV1R44y1B7qZ" class="go-icon"></a>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="item">
          <div class="layui-fluid">
            <div class="layui-row">
              <div class="layui-col-xs12 layui-col-sm4 layui-col-md5">
                <a href="https://www.bilibili.com/video/BV1Uy4y1u7kq"><div class="img" ><img src="res/img/videoCover/BV1Uy4y1u7kq.png" alt=""></div></a>
              </div>
              <div class="layui-col-xs12 layui-col-sm8 layui-col-md7">
                <div class="item-cont">
                  <h3>人体姿态估计<button class="layui-btn layui-btn-danger new-icon">new</button></h3>
                  <h5>创客&nbsp&nbsp&nbsp发明</h5>
                  <p>想让动画跟随着你的姿态变化而变化？pose-animator帮你完成这个梦想。首先通过摄像头捕捉到人体的关键点，然后驱动动画任务运动</p>
                  <a href="https://www.bilibili.com/video/BV1Uy4y1u7kq" class="go-icon"></a>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="item">
          <div class="layui-fluid">
            <div class="layui-row">
              <div class="layui-col-xs12 layui-col-sm4 layui-col-md5">
                <a href="https://www.bilibili.com/video/BV1fy4y1u75D"><div class="img" ><img src="res/img/videoCover/BV1fy4y1u75D.png" alt=""></div></a>
              </div>
              <div class="layui-col-xs12 layui-col-sm8 layui-col-md7">
                <div class="item-cont">
                  <h3>手势控制3D模型<button class="layui-btn layui-btn-danger new-icon">new</button></h3>
                  <h5>创客&nbsp&nbsp&nbsp发明</h5>
                  <p>你还在用鼠标拖动来查看3D模型。手部关键点检测技术将可以代替鼠标完成人机交互</p>
                  <a href="https://www.bilibili.com/video/BV1fy4y1u75D" class="go-icon"></a>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="item">
          <div class="layui-fluid">
            <div class="layui-row">
              <div class="layui-col-xs12 layui-col-sm4 layui-col-md5">
                <a href="https://www.bilibili.com/video/BV1nb4y1d7NP"><div class="img" ><img src="res/img/videoCover/BV1nb4y1d7NP.png" alt=""></div></a>
              </div>
              <div class="layui-col-xs12 layui-col-sm8 layui-col-md7">
                <div class="item-cont">
                  <h3>无接触计算器<button class="layui-btn layui-btn-danger new-icon">new</button></h3>
                  <h5>创客&nbsp&nbsp&nbsp发明</h5>
                  <p>利用手部关键点检测技术可以帮助我们隔空操作计算器</p>
                  <a href="https://www.bilibili.com/video/BV1nb4y1d7NP" class="go-icon"></a>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="item">
          <div class="layui-fluid">
            <div class="layui-row">
              <div class="layui-col-xs12 layui-col-sm4 layui-col-md5">
                <a href="https://www.bilibili.com/video/BV1j54y157Pb"><div class="img" ><img src="res/img/videoCover/BV1j54y157Pb.png" alt=""></div></a>
              </div>
              <div class="layui-col-xs12 layui-col-sm8 layui-col-md7">
                <div class="item-cont">
                  <h3>运动辅助装置<button class="layui-btn layui-btn-danger new-icon">new</button></h3>
                  <h5>创客&nbsp&nbsp&nbsp发明</h5>
                  <p>做了几次仰卧起做，做了几次哑铃。这些运动辅助装置都可以帮你解决。利用人体关键点检测技术，可以轻松的帮你检测运动状态</p>
                  <a href="https://www.bilibili.com/video/BV1j54y157Pb" class="go-icon"></a>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="item">
          <div class="layui-fluid">
            <div class="layui-row">
              <div class="layui-col-xs12 layui-col-sm4 layui-col-md5">
                <a href="https://www.bilibili.com/video/BV1Cv411V7RL"><div class="img" ><img src="res/img/videoCover/BV1Cv411V7RL.png" alt=""></div></a>
              </div>
              <div class="layui-col-xs12 layui-col-sm8 layui-col-md7">
                <div class="item-cont">
                  <h3>手部关键点控制灯带<button class="layui-btn layui-btn-danger new-icon">new</button></h3>
                  <h5>创客&nbsp&nbsp&nbsp发明</h5>
                  <p>用手隔空控制灯带的长度，用手势改变灯带的颜色。利用手部关键点检测技术，这些都变为了现实</p>
                  <a href="https://www.bilibili.com/video/BV1Cv411V7RL" class="go-icon"></a>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="item">
          <div class="layui-fluid">
            <div class="layui-row">
              <div class="layui-col-xs12 layui-col-sm4 layui-col-md5">
                <a href="https://www.bilibili.com/video/BV1NB4y1g75U"><div class="img" ><img src="res/img/videoCover/BV1NB4y1g75U.png" alt=""></div></a>
              </div>
              <div class="layui-col-xs12 layui-col-sm8 layui-col-md7">
                <div class="item-cont">
                  <h3>口罩检测门禁系统<button class="layui-btn layui-btn-danger new-icon">new</button></h3>
                  <h5>创客&nbsp&nbsp&nbsp发明</h5>
                  <p>疫情反复，可有的人还是不带口罩。给疫情防空带来很大的挑战。口罩检测门禁系统只有检测到戴口罩才会开门</p>
                  <a href="https://www.bilibili.com/video/BV1NB4y1g75U" class="go-icon"></a>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="item">
          <div class="layui-fluid">
            <div class="layui-row">
              <div class="layui-col-xs12 layui-col-sm4 layui-col-md5">
                <a href="https://www.bilibili.com/video/BV15h411e7B8"><div class="img" ><img src="res/img/videoCover/BV15h411e7B8.png" alt=""></div></a>
              </div>
              <div class="layui-col-xs12 layui-col-sm8 layui-col-md7">
                <div class="item-cont">
                  <h3>webrtc和视觉结合<button class="layui-btn layui-btn-danger new-icon">new</button></h3>
                  <h5>创客&nbsp&nbsp&nbsp发明</h5>
                  <p>webrtc和视觉技术的结合，移动设备采集图像经过webrtc实时传输到云端，利用云端服务器的算力进行图像处理，结合移动端的便携性和云端的算力</p>
                  <a href="https://www.bilibili.com/video/BV15h411e7B8" class="go-icon"></a>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="item">
          <div class="layui-fluid">
            <div class="layui-row">
              <div class="layui-col-xs12 layui-col-sm4 layui-col-md5">
                <a href="https://www.bilibili.com/video/BV1gb4y1Z7GL"><div class="img" ><img src="res/img/videoCover/BV1gb4y1Z7GL.png" alt=""></div></a>
              </div>
              <div class="layui-col-xs12 layui-col-sm8 layui-col-md7">
                <div class="item-cont">
                  <h3>人脸跟踪<button class="layui-btn layui-btn-danger new-icon">new</button></h3>
                  <h5>创客&nbsp&nbsp&nbsp发明</h5>
                  <p>树莓派+opencv实现人脸跟踪，可用于服务机器人等场景</p>
                  <a href="https://www.bilibili.com/video/BV1gb4y1Z7GL" class="go-icon"></a>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="item">
          <div class="layui-fluid">
            <div class="layui-row">
              <div class="layui-col-xs12 layui-col-sm4 layui-col-md5">
                <a href="https://www.bilibili.com/video/BV1BU4y1H7Pu"><div class="img" ><img src="res/img/videoCover/BV1BU4y1H7Pu.png" alt=""></div></a>
              </div>
              <div class="layui-col-xs12 layui-col-sm8 layui-col-md7">
                <div class="item-cont">
                  <h3>基于流媒体系统的目标检测<button class="layui-btn layui-btn-danger new-icon">new</button></h3>
                  <h5>创客&nbsp&nbsp&nbsp发明</h5>
                  <p>实时识别监控摄像头里面的内容，对直播内容进行质检。这些需求越来越多。该系统完成了对流媒体的实时检测</p>
                  <a href="https://www.bilibili.com/video/BV1BU4y1H7Pu" class="go-icon"></a>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="item">
          <div class="layui-fluid">
            <div class="layui-row">
              <div class="layui-col-xs12 layui-col-sm4 layui-col-md5">
                <a href="https://www.bilibili.com/video/BV16K411p7eV"><div class="img" ><img src="res/img/videoCover/BV16K411p7eV.png" alt=""></div></a>
              </div>
              <div class="layui-col-xs12 layui-col-sm8 layui-col-md7">
                <div class="item-cont">
                  <h3>灭火小车<button class="layui-btn layui-btn-danger new-icon">new</button></h3>
                  <h5>创客&nbsp&nbsp&nbsp发明</h5>
                  <p>通过遥控的方式控制无人坦克小车，将对灭火等场景起到非常大的作用</p>
                  <a href="https://www.bilibili.com/video/BV16K411p7eV" class="go-icon"></a>
                </div>
              </div>
            </div>
          </div>
        </div>

        <div class="item">
          <div class="layui-fluid">
            <div class="layui-row">
              <div class="layui-col-xs12 layui-col-sm4 layui-col-md5">
                <a href="https://www.bilibili.com/video/BV15Z4y1W7uR"><div class="img" ><img src="res/img/videoCover/BV15Z4y1W7uR.png" alt=""></div></a>
              </div>
              <div class="layui-col-xs12 layui-col-sm8 layui-col-md7">
                <div class="item-cont">
                  <h3>倾斜检测<button class="layui-btn layui-btn-danger new-icon">new</button></h3>
                  <h5>创客&nbsp&nbsp&nbsp发明</h5>
                  <p>利用陀螺仪实时检测物体是否倾斜，如果发现倾斜，将触发相应的操作</p>
                  <a href="https://www.bilibili.com/video/BV15Z4y1W7uR" class="go-icon"></a>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="item">
          <div class="layui-fluid">
            <div class="layui-row">
              <div class="layui-col-xs12 layui-col-sm4 layui-col-md5">
                <a href="https://www.bilibili.com/video/BV1454y1D7e4"><div class="img" ><img src="res/img/videoCover/BV1454y1D7e4.png" alt=""></div></a>
              </div>
              <div class="layui-col-xs12 layui-col-sm8 layui-col-md7">
                <div class="item-cont">
                  <h3>otto机器人<button class="layui-btn layui-btn-danger new-icon">new</button></h3>
                  <h5>创客&nbsp&nbsp&nbsp发明</h5>
                  <p>呆萌的外表，简单的结构，使得otto机器人流行起来</p>
                  <a href="https://www.bilibili.com/video/BV1454y1D7e4" class="go-icon"></a>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="item">
          <div class="layui-fluid">
            <div class="layui-row">
              <div class="layui-col-xs12 layui-col-sm4 layui-col-md5">
                <a href="https://www.bilibili.com/video/BV1hf4y1U7zp"><div class="img" ><img src="res/img/videoCover/BV1hf4y1U7zp.png" alt=""></div></a>
              </div>
              <div class="layui-col-xs12 layui-col-sm8 layui-col-md7">
                <div class="item-cont">
                  <h3>全向运动视频小车<button class="layui-btn layui-btn-danger new-icon">new</button></h3>
                  <h5>创客&nbsp&nbsp&nbsp发明</h5>
                  <p>依靠麦克纳姆轮的特性，通过不同轮子运动方向的组合，使得小车可以全向运动</p>
                  <a href="details.html" class="go-icon"></a>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="item">
          <div class="layui-fluid">
            <div class="layui-row">
              <div class="layui-col-xs12 layui-col-sm4 layui-col-md5">
                <a href="https://www.bilibili.com/video/BV1Lg4y167Bi"><div class="img" ><img src="res/img/videoCover/BV1Lg4y167Bi.png" alt=""></div></a>
              </div>
              <div class="layui-col-xs12 layui-col-sm8 layui-col-md7">
                <div class="item-cont">
                  <h3>智能小灯<button class="layui-btn layui-btn-danger new-icon">new</button></h3>
                  <h5>创客&nbsp&nbsp&nbsp发明</h5>
                  <p>通过和光敏元件，音乐，可变电阻的结合，可以使小灯呈现出不同的特性</p>
                  <a href="https://www.bilibili.com/video/BV1Lg4y167Bi" class="go-icon"></a>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="item">
          <div class="layui-fluid">
            <div class="layui-row">
              <div class="layui-col-xs12 layui-col-sm4 layui-col-md5">
                <a href="https://www.bilibili.com/video/BV1gA411t7vY"><div class="img" ><img src="res/img/videoCover/BV1gA411t7vY.png" alt=""></div></a>
              </div>
              <div class="layui-col-xs12 layui-col-sm8 layui-col-md7">
                <div class="item-cont">
                  <h3>智能自行车<button class="layui-btn layui-btn-danger new-icon">new</button></h3>
                  <h5>创客&nbsp&nbsp&nbsp发明</h5>
                  <p>简单的自行车，入门的demo</p>
                  <a href="https://www.bilibili.com/video/BV1gA411t7vY" class="go-icon"></a>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="item">
          <div class="layui-fluid">
            <div class="layui-row">
              <div class="layui-col-xs12 layui-col-sm4 layui-col-md5">
                <a href="https://www.bilibili.com/video/BV1np4y197U2"><div class="img" ><img src="res/img/videoCover/BV1np4y197U2.png" alt=""></div></a>
              </div>
              <div class="layui-col-xs12 layui-col-sm8 layui-col-md7">
                <div class="item-cont">
                  <h3>物体检测<button class="layui-btn layui-btn-danger new-icon">new</button></h3>
                  <h5>创客&nbsp&nbsp&nbsp发明</h5>
                  <p>简单的物体检测示例，但体现了万物互联的趋势</p>
                  <a href="https://www.bilibili.com/video/BV1np4y197U2" class="go-icon"></a>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="item">
          <div class="layui-fluid">
            <div class="layui-row">
              <div class="layui-col-xs12 layui-col-sm4 layui-col-md5">
                <a href="https://www.bilibili.com/video/BV14e411p7h1"><div class="img" ><img src="res/img/videoCover/BV14e411p7h1.png" alt=""></div></a>
              </div>
              <div class="layui-col-xs12 layui-col-sm8 layui-col-md7">
                <div class="item-cont">
                  <h3>智能底盘小车<button class="layui-btn layui-btn-danger new-icon">new</button></h3>
                  <h5>创客&nbsp&nbsp&nbsp发明</h5>
                  <p>第一次极客创作，有点简陋，但这只是开始</p>
                  <a href="https://www.bilibili.com/video/BV14e411p7h1" class="go-icon"></a>
                </div>
              </div>
            </div>
          </div>
        </div>

      </div>
<!--      <div id="demo" style="text-align: center;"></div>-->
    </div>
  </div>

  <div class="footer-wrap">
    <div class="footer w1000">
      <div class="qrcode">
        <img src="res/img/erweima.jpg">
      </div>
      <div class="practice-mode">
        <img src="res/img/down_img.jpg">
        <div class="text">
          <h4 class="title">我的联系方式</h4>
          <p>微信<span class="WeChat">1234567890</span></p>
          <p>手机<span class="iphone">1234567890</span></p>
          <p>邮箱<span class="email">1234567890@qq.com</span></p>
        </div>
      </div>
    </div>
  </div>
  <script type="text/javascript" src="res/layui/layui.js"></script>
  <script type="text/javascript">
    layui.config({
      base: 'res/js/util/'
    }).use(['element','laypage','jquery','menu'],function(){
      element = layui.element,laypage = layui.laypage,$ = layui.$,menu = layui.menu;
      laypage.render({
        elem: 'demo'
        ,count: 70 //数据总数，从服务端得到
      });
      menu.init();
    })
  </script>
</body>
</html>